<!DOCTYPE html>
<html>
<head>
<title>Index for test touch</title>

<link rel="stylesheet" type="text/css" href="../css/default.css" />
<script type="text/javascript" src="../js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="../js/gest.js"></script>
<!--<script type="text/javascript" src="../js/touchevents.js"></script>-->
</head>

<body>

<div id="tap" style="background-color:grey;width:150px;height:150px;float:left;">
	It's for TAP
</div>
<div id="swipe" style="background-color:cyan;width:150px;height:150px;float:left;">
	It's for SWIPE
</div>

<div id="dragroot" style="position:relative;background-color:orange;width:500px;height:350px;clear:left;float:left;">
	<div id="drag" style="background-color:green;width:100px;height:100px;position:absolute;"> It's for DRAG</div>
	<div id="drag3" style="background-color:blue;width:100px;height:100px;position:absolute;"> It's for DRAG3</div>
</div>


</body>

</html>